﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Home.Slide.ascx.cs" Inherits="Controls_Home_Slide" %>
<div class="slide">
    <asp:Repeater runat="server" ID="rptList">
        <HeaderTemplate>
            <ul class="galleryview hide" id="ImageSlider">
        </HeaderTemplate>
        <ItemTemplate>
            <li>
                <div class="panel-overlay">
                    <div class="overlay-title" style="">
                        <a href="#">
                            <%#Eval("Title").ToString().ToUpper() %></a></div>
                    <div class="overlay-content">
                        <p>
                            <%# Eval("Lead") %></p>
                    </div>
                </div>
                <img class="img" style="display: none" src="/resources/images//blank.gif" alt=""
                    title="<%#AppUtils.ImageUrl(Eval("ImageUrl").ToString(), "980", "452") %>" />
            </li>
        </ItemTemplate>
        <FooterTemplate>
            </ul></FooterTemplate>
    </asp:Repeater>
</div>
<script type="text/javascript">

    jQuery().ready(function ($) {
        $('#ImageSlider').galleryView({
            panel_width: 980,
            panel_height: 452,
            transition_speed: 750,
            transition_interval: 4000,
            show_filmstrip: 0,
            show_captions: 1,
            filmstrip_position: 'bottom',
            overlay_position: 'left',
            caption_thickness: 490,
            caption_outside: 0,
            overlay_opacity: 0.7,
            show_next_item_title: 0,
            frame_gap: 8,
            pause_on_hover: 0,
            show_controller: 0,
            auto_hide_filmstrip: 0,
            play_at_first: 1,
            filmstrip_size: 5,
            panel_gradient: 1,
            gallery_padding: 0,
            easing: 'swing',
            image_transition_effect: 'random',
            text_transition_effect: 'blur',
            panel_on_click: 'none', // link or viewfull or none
            frame_opacity: 0.3,
            pointer_size: 8,
            show_panels: true,
            frame_width: 27,
            frame_height: 27,
            frame_margin: 8,
            start_frame: 1,
            nav_theme: 'dark',
            panel_scale: '',
            frame_scale: '',
            fade_panels: true,
            auto_hide_overlay: true,
            slices: 20
        });
    });
</script>
